<!DOCTYPE html>
<html>
  <head>
    <title>DylanTheDog</title>
    <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
    <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
    <%= csrf_meta_tags %>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta name="viewport" content="width=device-width">
    <script src="//maps.google.com/maps/api/js?v=3.13&amp;sensor=false&amp;libraries=geometry" type="text/javascript"></script>
    <script src='//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.14/src/markerclusterer_packed.js' type='text/javascript'></script>
    <script src='//google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/src/richmarker-compiled.js' type='text/javascript'></script>
    <link href='http://fonts.googleapis.com/css?family=Stardos+Stencil' rel='stylesheet' type='text/css'>
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas, #location-map { height: 800px; }
    </style>
  </head>
  <body data-no-turbolink>
    <div class="background">
      <header>
        <div class="inner-wrapper">
            <div class="logo"><%= link_to 'DylanTheDog', root_path %></div>
            <nav>
             <ul>
              <% if logged_in? %>
                <li><%= link_to 'Create Post', new_post_path %></li>
                <li><%= link_to 'Logout', session_path, :method => :delete %></li>
                <li><%= link_to 'Vote', new_vote_path %></li>
                <li><%= link_to 'Photo Map', posts_path %></li>
              <% else %>
                <li><%= link_to 'Sign-Up', new_user_path %></li>
                <li><%=  link_to 'Login', new_session_path %></li>
                <li><%= link_to 'Photo Map', posts_path %></li>
              <% end %>
             </ul>
            </nav>
          </div>
        </header>
      <div class="wrapper">
          <div class="content-wrapper">
          <%= yield %>
          </div>
      </div>
      <footer>
      </footer>
    </div>
  </body>
</html>

